@import '../common/base.scss';

label {
  display: inline-block;
  margin-bottom: 0px;
}
.cart{
    .jd-container{
        display: flex;
        flex-direction: column;
        border: 1px solid #ccc;
        margin-top: 50px;
        background: #fff;
        .top{
            border-bottom:1px solid #ccc ;
            .con{
                padding: 10px;
                 height: 40px;
                background: #fff;
                display: flex;
                align-items: center;
                font-weight: 900;
                font-size: 14px;
                    input{
                    vertical-align: middle;
                }
                label{
                    vertical-align: middle;
                }
            }  
        }
        .center{
            background: #fff;
            padding: 0px 10px;
            ul li{
                display: flex;
                align-items: center;
                padding: 10px 0px;
                border-bottom: 1px solid #ccc;
                h3{
                    font-size: 14px;
                    @include slhs(100%, 1);
                }
                img{
                    width: 60px;
                }
                .btn-group{
                    button{
                        // padding: 0px;
                        width: 40px;
                        flex-grow: 0;
                    }
                }
            }
        }
        .footer{
            background: #fff;
            border-top: 1px solid #ccc;
            padding: 20px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            .tPrice{
                margin-right: 20px;
                font-size: 20px;
                span:nth-child(2){
                    color: red;
                }
            }
        }
    }
}